@import '@/assets/components/CellInfo.scss';

.page-warp {
  position: relative;


  .search {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14rpx 12rpx;

    .col {
      flex-grow: 1;
    }
  }

  .header-warp {
    &:after {
      display: block;
      content: " ";
      height: 72px;
      overflow: hidden;
    }
  }

  .sticky-headers {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

    &.sticky {
      position: fixed;
      left: 0;
      right: 0;
      z-index: 99;
    }


    .header {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: center;

      .filter-warp {
        margin-top: 8px;
      }
    }

    .header-fold {
      font-size: 32rpx;
      cursor: pointer;

      .arrow {
        position: relative;
        bottom: 3px;
        margin-left: 8rpx;
        transition: all ease-in-out .2s;

        &.fold {
          transform: rotate(180deg);
        }
      }

    }

    .category-tabs {
      border-bottom: 1px #e3e3e3 solid;
    }
  }
}

.warp-info {
  padding: 14rpx 18px;
}

.form-warp {
  .uni-forms {
    padding: 14rpx 18px;
    padding-left: 0;

    .long-label {
      padding-left: 12px;
    }
  }

}

.h-f {
  height: calc(100vh - 44px) !important;
}

.ul-list {
  display: block;
}

.f-warp {

  .m-warp {
    position: relative;

    .m-content {
      overflow: auto;
    }
  }
}

.button-list {
  .list-warp {
    display: flex;
    align-items: center;


    .btn {
      flex-grow: 1;
      margin: 0 12px;

      .uni-btn {
        width: 100%;
        $button-h:30px;
        height: $button-h;
        line-height: $button-h;
      }
    }
  }
}


.form-footer {

  .footer-warp {

    .footer__btn {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      height: 65px;
      padding: 0 22rpx;
      background: #fff;

      .btn {
        flex: 1;
      }
    }
  }

}

.fillet {
  padding: 3rpx 16rpx;
  padding-top: 12rpx;

  &.detail{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .fillet__text {

  }
}


.border {
  border: 1px #000000 solid;
}

.text-white {
  color: white;
}

.text-nl {
  font-size: 16px;
}

.text-nm {
  font-size: 14px;
}

.text-ns {
  font-size: 12px;
}

.text-center {
  text-align: center;
}


.app-header-bg {
  background: rgb(10, 81, 141);
}

.app-bar-bg, .app-btn-bg {
  background: rgb(22, 34, 48);
  background: linear-gradient(0deg, rgba(22, 34, 48, 1) 0%, rgba(139, 163, 189, 1) 100%);
}

.app-btn-active {
  background: rgb(10, 81, 141);
  background: linear-gradient(0deg, rgba(10, 81, 141, 1) 0%, rgba(150, 198, 235, 1) 100%);
}

.h-full {
  height: 100%;
}

.h-f {
  height: calc(100vh - 44px) !important;
}

.relative {
  position: relative;
}

ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


.item-rows{
  .uni-numbox{
    border-bottom: 1px #c4c4c4 solid;
  }
}
